<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vedio and Audio Demo</title>
    <script type="text/javascript">
        var myVideo = document.getElementById("video1")
        function playPause() {
            if (myVideo.paused) {
                myVideo.play();
            }else {
                myVideo.pause();
            }
        }

        function makeBig() {
            myVideo.width = 560;
        }

        function makeSmall() {
            myVideo.width = 320;
        }

        function makeNormal() {
            myVideo.width = 420;
        }
    </script>
</head>
<body>
    <p> H5 中的Vedio 属性在 ie8中不支持</p>
    <div style="text-align:center;">
        <button onclick="playPause()">播放/暂停</button>
        <button onclick="makeBig()">大</button>
        <button onclick="makeNormal()">中</button>
        <button onclick="makeSmall()">小</button>
        <br />
        <video id="video1" width="420" style="margin-top:15px;">
            <source src="/example/html5/mov_bbb.mp4" type="video/mp4" />  <!--优先找其中的一种MP4的视频没有再从下面source中找-->
            <source src="/example/html5/mov_bbb.ogg" type="video/ogg" />
            Your browser does not support HTML5 video.
        </video>
    </div>
    <audio autoplay="autoplay" controls="controls" loop="loop" preload="auto" src="www.baidu.com"></audio>
</body>
</html>